extends layout
block content
	.container.list
		.row
			.page-header
				.panel.panel-primary
					.panel-heading
						span.iconh3.panel-title Login
					.panel-body
						.form-horizontal(role='form')
							.form-group
								label.col-sm-2.control-label(for='inputId') ID
								.col-sm-10
									input.form-control(type='text', id='inputId' placeholder='ID')
							.form-group
								label.col-sm-2.control-label(for='inputPasswd') 비밀번호
								.col-sm-10
									input.form-control(type='password', id='inputPasswd' placeholder='비밀번호')
							.form-group.right-algin
								.col-sm-10
									button.btn.btn-default.login-margin(type='button', id='btnLogin') 로그인
									button.btn.btn-success.login-margin(type='button', id='btnJoin') 회원가입

				#writeModal.modal.fade(role='dialog')
					.modal-dialog
						.modal-content
							.modal-header
								button.close(type='button', data-dismiss='modal', aria-hidden="true")
								h4#writeModalLabel.modal-title 회원가입
							.modal-body
								.panel.panel-success
									.panel-heading
										span.iconh3.panel-title 계정정보
									.panel-body
										.form-group

											input#inputJoinId.form-control(type='text', placeholder='아이디를 입력 하세요!!')
											.form-inline
												input#inputJoinNickName.form-control(type='text', placeholder='별명를 입력 하세요!!')
												button#btnConfirmJoinId.btn.btn-danger(type='text') 아이디닉네임확인

										input#inputJoinPasswd.form-control(type='password', placeholder='비밀번호를 입력 하세요!!(4자 이상)')

										input#inputJoinConfirmPasswd.form-control(type='password', placeholder='비밀번호를 다시 한번 입력 하세요!!(4자 이상)')

								.panel.panel-success
									.panel-heading
										span.iconh3.panel-title 기본정보
									.panel-body
										.form-group
											input#inputName.form-control(type='text', placeholder='이름')
											.form-group.form-inline
												input#inputBirth.form-control(type='text',  placeholder='몇년 생이세요?')
												input(type='checkbox', name='sex-checkbox', data-on-text="남자",data-off-text="여자", checked )



								.panel.panel-success
									.panel-heading
										span.iconh3.panel-title 자동등록 방지 확인

									.panel-body
										.form-group
											.row
												.col-md-3
													span 40b98
												.col-md-9
													.row
														span 왼쪽에 보이는 문자(숫자)를 아래 입력란에 적어주세요.
														p
														span 입력한 문자(숫자)는 프로그램을 이용한 자동 광고등록을 막기 위해 사용 됩니다.
														input#auto.form-control(type='text', placeholder='왼쪽 문자를 입력 하세요')
														button.btn.btn-success(type='button') 새로고침

							.modal-footer
								button.btn.btn-default(type='button', data-dismiss='modal') 취소
								button#btnJoinSave.btn.btn-primary(type='button') 등록


block script
	script var isMobile = !{JSON.stringify(isMobile)};
	script(type='text/javascript', src='/javascripts/login.js')
	script(type='text/javascript', src='/javascripts/join.js')
